<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/Task35.css">
    <title>IFE Task 36</title>
    <script data-main="app" src="js/lib/require.js"></script>
</head>
<body>
<div class="container">
    <article class="map-20x20">
        <div class="boxbot-map"></div>
        <img class="boxbot" src="./img/bot.png" />
        <aside>
            <div class="control">
                <select class="map-size">
                    <option value="20">20x20</option>
                    <option value="30">30x30</option>
                </select>
                <select class="speed">
                    <option value="500">慢速</option>
                    <option value="250" selected>常速</option>
                    <option value="100">快速</option>
                    <option value="0">极速</option>
                </select>
                <select class="algorithm">
                    <option value="A*" selected>A*</option>
                    <option value="BFS">BFS</option>
                    <option value="DFS">DFS</option>
                </select>
                <button class="execute-btn" type="button">执行</button>
                <button class="reset-btn" type="button">重置</button>
                <button class="random-btn" type="button">随机修墙</button>
                <button class="tips-btn" type="button">指令集</button>
            </div>
            <div class="commander">
                <div class="commander-lines-wrap">
                    <div class="commander-lines">
                        <div class="commander-lines-item">1</div>
                    </div>
                </div>
                <textarea title="命令编辑区" class="commander-editor" spellcheck="false">mov bot 2
tun lef
go
tun bac
tra bot 4
mov rig 6
build
mov bot
mov rig
tun lef
bru #2980b9
mov to 9,6</textarea>
            </div>
        </aside>
    </article>
    <article class="tips hidden">
        <button type="button" class="close">x</button>
        <h4>可输入指令集合</h4>
        <p><span>TUN LEF</span>：向左转（逆时针旋转90度）</p>
        <p><span>TUN RIG</span>：向右转（顺时针旋转90度）</p>
        <p><span>TUN BAC</span>：旋转180度</p>
        <p><span>BUILD</span>：向当前朝向修墙</p>
        <p><span>BRU color</span>: 颜色值为16进制，3位或6位，只可在墙上染色</p>
        <p><span>GO n</span>：向小方块朝向前进n格，n为空默认为一格</p>
        <p><span>MOV TO x</span>, y：移动到指定坐标，不可进入墙</p>
        <p><span>TRA LEF n</span>：向屏幕的左侧移动n格，方向不变，n为空默认为一格</p>
        <p><span>TRA TOP n</span>：向屏幕的上面移动n格，方向不变，n为空默认为一格</p>
        <p><span>TRA RIG n</span>：向屏幕的右侧移动n格，方向不变，n为空默认为一格</p>
        <p><span>TRA BOT n</span>：向屏幕的下面移动n格，方向不变，n为空默认为一格</p>
        <p><span>MOV LEF n</span>：方向转向屏幕左侧，并向屏幕的左侧移动n格，n为空默认为一格</p>
        <p><span>MOV TOP n</span>：方向转向屏幕上面，并向屏幕的上侧移动n格，n为空默认为一格</p>
        <p><span>MOV RIG n</span>：方向转向屏幕右侧，并向屏幕的右侧移动n格，n为空默认为一格</p>
        <p><span>MOV BOT n</span>：方向转向屏幕下面，并向屏幕的下面移动n格，n为空默认为一格</p>
    </article>
</div>
</body>
</html>
